$(function () {

    var url = window.location.href;
    var index = url.indexOf('?');
    var len = url.substring(index + 1);
    var arr = len.split('=');
    console.log(arr[1]);
    var ids = arr[1];

    var kunum = 0;
    var selectSize = -1;



    $.ajax({
        url: " /product/queryProductDetail",
        type: 'get',
        data: {
            id: ids
        },
        success: function (res) {
            console.log(res);
            kunum = res.num;

            var size = res.size;
            // console.log(size);
            var sizeArr = size.split('-');
            // console.log(sizeArr);
            var start = sizeArr[0];
            var end = sizeArr[1];
            var resArr = [];
            for (var i = start; i <= end; i++) {
                //  console.log(i);
                resArr.push(i)
            }
            // console.log(resArr)
            //重新写size 把之前的字符串变成数组
            res.size = resArr;
            // console.log(res)
            var htmls = template('detailTmp', res);
            console.log(htmls)
            $('.mydetail').html(htmls)

        }
    })



    //    注意事项： 这里需要使用事件代理的方法进行绑定
    //    因为是动态生成的数据
    $('.mydetail').on('tap', '#reduce', function () {

        var val = parseInt($('#productNum').val());
        val--;
        if (val < 0) {
            val = 0
        }
        //重新赋值
        $('#productNum').val(val)
    })

    $('.mydetail').on('tap', '#add', function () {
        // alert(12)
        var val = parseInt($('#productNum').val());
        val++;
        if (val > kunum) {
            val = kunum
            mui.toast("这个商品非常火 您的眼光真好,我马上补货")
        }
        $('#productNum').val(val)
    })




    /**
     * 1 点击尺码  当前高亮
     * 
     * 
     * 
     */


    $('.mydetail').on('tap', '.detail-size span', function () {
        // alert(1)

        $(this).addClass('active').siblings().removeClass('active')

        selectSize = $(this).html();
        console.log(selectSize);

    })



    /**
     *  加入购物车
     * 1 给购物车按钮绑定点击事件 
     * 2 获取需要传递的参数   尺码  id   选择的数量
     * 3 判断   
       4 发送ajax 请求
    **/

    $('.mydetail').on('tap', '#addCart', function () {
        // alert(1)
        var selectNum = $('#productNum').val();


        if (selectSize == -1) {
            alert('请选你需要尺码')
            return;
        }

        $.ajax({
            url: '/cart/addCart',
            type: 'post',
            data: {
                productId: ids,
                num: selectNum,
                size: selectSize
            },
            success: function (res) {
                // console.log(res)
                if (res.success) {
                    setTimeout(function () {
                        window.location.href = 'cart.html'
                    }, 2000);
                }
            }
        })





    })











})